@charset "utf-8";html{overflow-x:hidden}
body{color:#333;font:14px "Microsoft Yahei"}
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,span,ul{margin:0;padding:0;list-style:none}
a{color:#333;text-decoration:none}
a:focus{outline:0}
img{border:none}
.vam{vertical-align:middle}
.clear{clear:both;height:0;line-height:0;font-size:0}
p{word-spacing:0}
em,i{font-style:normal}
.tr{text-align:right}
.tl{text-align:left}
.center{text-align:center}
.fl{float:left}
.fr{float:right}
.pa{position:absolute}
.pr{position:relative}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.clearfix{zoom:1}
.content{width:1200px;margin:0 auto}
.pic{width:100%;overflow: hidden;}
.pic img{-o-transition:all 0.6s linear 0s;transition:all 0.6s linear 0s}
.pic:hover img{-webkit-transform:scale(1.1) rotate(0) translateY(0);-ms-transform:scale(1.1) rotate(0) translateY(0);transform:scale(1.1) rotate(0) translateY(0)}
.white,.whites{position:relative;overflow:hidden}
.white:after,.whites:after{content:'';cursor:pointer;position:absolute;left:-100%;top:0;width:100%;height:100%;background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform:skewx(-25deg)}
.white:hover:after{left:100%;-moz-transition:1s;-o-transition:1s;-webkit-transition:1s;transition:1s}
.whites:hover:after{left:100%;-moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s}
body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden}
em,i{font-style:normal}
.content{width:1200px;margin:0 auto}
input::-webkit-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input::-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-moz-placeholder{color:#999;font-size:14px;text-transform:capitalize}
input:-ms-input-placeholder{color:#999;font-size:14px;text-transform:capitalize}
::-webkit-scrollbar {
    width: 6px;
    height: 5px;
    background-color: #f4f4f4
}

::-webkit-scrollbar-track {
    background-color: #f0f0f0
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #999
}
@keyframes myfirst{0%{background-position:0 bottom}
100%{background-position:100% bottom}
}
.line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.clear{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.f_bt p{ display:block!important;}

.banner{height:auto;max-width:1920px;margin:0 auto!important;position:relative;margin-top:-34px}
.banner .bd li{float:left;width:100%;line-height:0}
.banner .bd li img{width:100%}
.banner .bd li a{display:block}
.banner .hd{z-index:1;margin:0 auto;text-align:center;position:absolute;left:0;width:100%;bottom:8%;cursor:pointer}
.banner .hd li{width:13px;height:13px;background:#fff;display:inline-block;margin:0 10px;border-radius:13px}
.banner .hd li.on{background:#289900}
.banner .prev{position:absolute;font-size:0;left:0;opacity:0;top:50%;transform:translateY(-50%);z-index:10;transition:all .5s}
.banner .next{position:absolute;font-size:0;right:0;opacity:0;top:50%;transform:translateY(-50%);z-index:10;transition:all .5s}
.banner:hover .prev{left:4%;opacity:1}
.banner:hover .next{right:4%;opacity:1}


.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit span{display:block;font-size: 54px;color: #333333;line-height:54px;font-weight: bold;letter-spacing: 2px;}
.tit i{display:block;font-size: 22px;line-height:22px;color: #666666;margin-top: 16px;letter-spacing: 2px;}



.search{height: 90px;background: #FFFFFF;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);position: relative;z-index: 50;}
.search p{float: left;height: 90px;line-height: 90px;font-size: 16px;color: #666666;}
.search p b{ font-weight: bold;color: #666666;font-weight: normal;margin-right: 6px; }
.search p a{color: #666666;margin-right: 16px;}
.search p a:hover{color: #289900;}
.s_box{float:right;margin-top:25px;width: 250px;height: 40px;background: #EEEEEE;border-radius: 20px;}
.s_box .input1{width:168px;height:40px;line-height:40px;color:#999;border:0;background:0;border-right:0;padding:0 20px;float:left;outline: 0;border-radius: 20px;}
.s_box .input2{width:32px;height:30px;border:0;background:url(../images/sea.png) no-repeat center;float:right;position:relative;z-index:2;cursor:pointer;margin-top: 5px;margin-right: 8px;}


.yz{padding: 59px 0 0;background:#f5f5f5;box-sizing: border-box;height: 540px;}
.yz_con dt { display: block; width: 600px;height: 360px;overflow: hidden;float: right;}
.yz_con dt img{ display: block;width: 600px;height: 360px;transition: all 0.5s; }
.yz_con dd{ float: left;width: 500px;height: 360px;}
.yz_con dd h4{ display: block;font-weight: bold;color: #333333;font-size: 40px;line-height: 23px;position: relative;height: 77px;background: url(../images/yz_line.png) no-repeat left bottom; padding-top: 22px;}
.yz_con dd h4 img{ display: inline-block;width: 202px;height: 33px;margin-left: 15px;vertical-align: -8px;}
.yz_con dd p{ color: #666666;font-size: 16px;line-height: 30px; padding-top: 30px;width: 484px;}
.yz_con dd .more{ display: inline-block;  font-size: 16px; color: #fafafa;text-align:center;width: 150px;height: 40px;border-radius: 20px;line-height: 40px;box-sizing: border-box;-o-transition: all .3s ease;transition: all .3s ease;background:url(../images/yz_more.png) no-repeat center;margin-top: 25px;}
.yz_con dd .more img{display: inline-block; margin-left: 16px; width: 16px;-o-transition: all .3s ease;transition: all .3s ease;overflow: hidden;height: 12px;vertical-align: -1px;}
.yz_con dd .more:hover img{margin-left: 10px;}


.yz_t{ margin: 40px auto 0; height: 130px;background: #FFFFFF;box-shadow: 5px 9px 30px 0px rgba(0, 0, 0, 0.1);padding-top: 27px;box-sizing: border-box;}
.yz_t ul li{ float: left;padding: 0 75px 0; color:#56a83a;box-sizing: border-box;position: relative;transition: all 0.5s;}
.yz_t ul li img{ display:block;width:auto;height:52px;margin:0 auto;}
.yz_t li em{ display: block;height: 60px; text-align: center;transition: all 0.5s;}
.yz_t li em b{color: #0a5fec;  font-weight: normal;display: inline-block;font-size: 64px;line-height: 50px;transition:all 0.3s;transition: all 0.5s;font-family: Arial;color:#56a83a;}
/*background: linear-gradient(-90deg, #008AC4 0%, #56A839 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;*/
.yz_t li em i{ display: inline-block;font-size: 20px;color: #484647;text-align: center;line-height: 20px;vertical-align: top;transition: all 0.5s; }
.yz_t li em span{ display: inline-block;font-size: 40px;color:#56a83a;text-align: center;line-height: 40px;transition: all 0.5s;font-weight: bold;}

.yz_t li h3{font-size: 18px; color: #666666; line-height: 18px; font-weight: normal;text-align: center;padding-top:10px;}
.yz_t li:before{ width: 1px;height: 80px;position: absolute;right:0;top:0px;background: #d2d2d2;content: ""; transition: all 0.5s;}
.yz_t li:last-child:before{background: 0;}
.yz_t li:hover{ transform:translateY(-5px); }



.pro{ padding-top: 136px; }

.pro_t{ height: 60px; margin-top: 48px;}
.pro_t em a{ width: 200px;height: 60px;float: left;display: block;font-size: 24px;font-weight: bold;text-align: center;line-height: 60px;color: #fff;background: #008ac4; }
.pro_t span{ float: left;width: 1000px;height: 60px;padding-left: 36px;box-sizing: border-box; display: block;background: url(../images/pro_t.png) no-repeat center;}
.pro_t span>a{ display: block;font-size: 18px;line-height: 60px;color: #fff;margin-right: 36px;float: left;}
.pro_t i>a{ display: block;font-size: 18px;line-height: 60px;color: #fff;margin-right: 30px;float: right; }

.pro1_con{margin-top: 20px;}
.pro1_con dt{ width: 540px;height: 540px;display: block;position: relative;float: left; }
.pro1_con dt i{ width: 540px;height: 540px;display: block;overflow: hidden; }
.pro1_con dt i img{  width: 540px;height: 540px;display: block;}
.pro1_con dt em{ display: block;position: absolute;left:0;bottom:0;width: 100%;text-align: center;height: 50px;background: rgba(238, 238, 238, 0.9);box-shadow: 0px 1px 0px 0px #FFFFFF;line-height: 50px;font-size: 18px;color: #333333;border-top: 1px solid #fff;-o-transition: all .3s ease;transition: all .3s ease;}
.pro1_con dt:hover em{background: #289900;background: linear-gradient(-90deg, #008AC4 0%, #56A839 100%);color: #fff;  }
.pro1_con dd{ float: right;width: 600px; }
.pro1_con dd h4{ display: block;font-weight: bold;color: #333333;font-size: 30px;line-height: 30px;position: relative; padding-top: 20px;}
.pro1_con dd p{ display: block;color: #666;font-size: 16px;line-height: 25px;position: relative; padding-top: 20px;height: 50px;}
.pro1_con dd li{ float: left;width: 290px;margin-top: 40px; }
.pro1_con dd li:nth-child(2n){ float: right; }
.pro1_con dd li i{ width: 290px;height: 290px;display: block;overflow: hidden; }
.pro1_con dd li i img{ width: 290px;height: 290px;display: block;}
.pro1_con dd li em{ display: block;width: 100%;text-align: center;height: 50px;background: rgba(238, 238, 238, 0.9);box-shadow: 0px 1px 0px 0px #FFFFFF;line-height: 50px;font-size: 18px;color: #333333;border-top: 1px solid #fff;-o-transition: all .3s ease;transition: all .3s ease;}
.pro1_con dd li:hover em{background: #289900;background: linear-gradient(-90deg, #008AC4 0%, #56A839 100%);color: #fff;  }

.pro dd .more{ display: inline-block;  font-size: 16px; color: #666666;text-align:center;width: 150px;height: 40px;border-radius: 20px;line-height: 36px;box-sizing: border-box;-o-transition: all .3s ease;transition: all .3s ease;border:2px solid #eeeeee;box-sizing: border-box;}
.pro dd  .more img{display: inline-block; margin-left: 16px; width: 16px;-o-transition: all .3s ease;transition: all .3s ease;overflow: hidden;height: 12px;vertical-align: -1px;}
.pro dd  .more:hover img{margin-left: 10px;}

.pro2{ height:800px;background: url(../images/pro2_bg.jpg) no-repeat center;padding-top: 80px;margin-top: 60px;box-sizing: border-box;  }
.pro2 .pro_t{ margin-top: 0; }
.pro2 .pro1_con{ padding: 20px;box-sizing: border-box;background: #fff;margin-top: 0; }

.pro3 .pro_t{ margin-top:60px; }
.pro3 .pro1_con dt{float: right;}
.pro3 .pro1_con dd{ float: left; }



.lc{ padding-top: 80px;height: 694px;box-sizing: border-box;background: url(../images/lc_bg.jpg) no-repeat center;overflow: hidden; margin-top: 90px;}
.lc ul{ margin-top: 68px; }
.lc ul li{ float: left;width: 360px; padding: 0 100px 0 0;box-sizing: border-box;border-right:1px solid #cacacc;border-bottom:1px solid #cacacc;height: 150px;}
.lc ul li:nth-child(3n-1){ width: 480px;padding: 0 100px 0 92px;box-sizing: border-box; }
.lc ul li:nth-child(3n){ border-right: 0; box-sizing: border-box;}
.lc ul li:nth-child(3){ padding: 0 30px 0 90px;box-sizing: border-box; }
.lc ul li:nth-child(4){ border-bottom: 0;padding: 42px 100px 0 0;box-sizing: border-box;}
.lc ul li:nth-child(6){ border-bottom: 0;padding: 42px 30px 0 90px;box-sizing: border-box; }
.lc ul li:nth-child(5){ border-bottom: 0;padding: 42px 100px 0 92px; box-sizing: border-box;}
.lc ul li img{ display:  block; width: 64px;height: 56px;margin-right: 10px;float: left;}
.lc ul li:nth-child(3n+1) span{ width: 180px; }
.lc ul li:nth-child(3n-1) span{  width: 210px;}
.lc ul li:nth-child(3n) span{   width: 160px;}
.lc ul li span{ display: block;font-size: 16px;line-height: 30px;color: #333;float: right; }
.lc ul li span b{ display: block;font-size: 26px;color: #333;line-height: 26px;padding-bottom: 20px; }
.lc ul li:hover img {animation-duration: 2s;animation-name: flipInY;}


.fw{ padding-top: 100px;height: 800px;box-sizing: border-box;background: url(../images/fw_bg.jpg) no-repeat center;overflow: hidden;background-size: 100% 100%;position:relative; }
.fw_con{width:1585px;margin: 24px auto 0;position: relative;}



.fw .ren{ position:absolute;left:50%;margin-left:-8.5rem;bottom:0rem;width:17rem;height:auto;z-index:100;}
.fw .ren img{ display:block;width:100%;}
.fw_t li em{ display: block;font-size: 3.5rem;line-height: 3rem;text-align: center;padding-bottom: 7px;color: #fff;font-family: Arial; }
.fw_t li:nth-child(1){ width:282px;height: 344px;position: absolute;left:300px;top:240px; background: url(../images/fw1.png) no-repeat center;font-size: 1.2rem;line-height: 1.2rem;padding-top: 148px;box-sizing: border-box;color: #fff;text-align: center;background-size: 100% 100%;}
.fw_t li:nth-child(2){ width:338px;height: 282px;position: absolute;left:448px;top:94px; background: url(../images/fw2.png) no-repeat center;font-size: 1.2rem;line-height: 1.2rem;padding-top:90px;box-sizing: border-box;color: #fff;padding-left: 150px;background-size: 100% 100%;}
.fw_t li:nth-child(3){  width:338px;height: 282px;position: absolute;right:448px;top:94px; background: url(../images/fw3.png) no-repeat center;font-size: 1.2rem;line-height: 1.2rem;padding-top: 90px;box-sizing: border-box;color: #fff;padding-left:110px;background-size: 100% 100%;}
.fw_t li:nth-child(4){ width:282px;height: 344px; position: absolute;right:300px;top:240px; background: url(../images/fw4.png) no-repeat center;;font-size: 1.2rem;line-height: 1.2rem;padding-top: 148px;box-sizing: border-box;color: #fff;text-align: center;background-size: 100% 100%; }
.fw_t li:nth-child(2) em,.fw_t li:nth-child(3) em{ text-align: left;margin-left: -0.7rem; }
.fw_t li:nth-child(1):hover{background: url(../images/fw1h.png) no-repeat center; background-size: 100% 100%; }
.fw_t li:nth-child(2):hover{background: url(../images/fw2h.png) no-repeat center; background-size: 100% 100%; }
.fw_t li:nth-child(3):hover{background: url(../images/fw3h.png) no-repeat center; background-size: 100% 100%; }
.fw_t li:nth-child(4):hover{background: url(../images/fw4h.png) no-repeat center;background-size: 100% 100%;  }

@media screen and (max-width:1440px)  {
  .fw_con{width:1124px;margin:110px auto 0;position: relative;}
  .fw_t li:nth-child(1){ width:211px;height: 258px;position: absolute;left:186px;top:240px; background: url(../images/fw1.png) no-repeat center;font-size: 1.2rem;line-height: 1.2rem;padding-top: 148px;box-sizing: border-box;color: #fff;text-align: center;background-size: 100% 100%;}
.fw_t li:nth-child(2){ width:254px;height: 211px;position: absolute;left:300px;top:128px; background: url(../images/fw2.png) no-repeat center;font-size: 1.2rem;line-height: 1.2rem;padding-top: 60px;box-sizing: border-box;color: #fff;padding-left: 7.5rem;background-size: 100% 100%;}
.fw_t li:nth-child(3){ width:254px;height: 211px;position: absolute;right:300px;top:128px; background: url(../images/fw3.png) no-repeat center;font-size: 1.2rem;line-height: 1.2rem;padding-top:60px;box-sizing: border-box;color: #fff;padding-left: 5.5rem;background-size: 100% 100%;}
.fw_t li:nth-child(4){ width:211px;height: 258px; position: absolute;right:186px;top:240px;background: url(../images/fw4.png) no-repeat center;;font-size: 1.2rem;line-height: 1.2rem;padding-top: 148px;box-sizing: border-box;color: #fff;text-align: center;background-size: 100% 100%; }
}


@media screen and (max-width:1600px) and (min-width:1441px)  {
 
   .fw_con{width:1319px;margin: 68px auto 0;position: relative;}
   .fw_t li:nth-child(1){ width:246px;height: 301px;position: absolute;left:228px;top:240px; background: url(../images/fw1.png) no-repeat center;font-size: 1.2rem;line-height: 1.2rem;padding-top: 148px;box-sizing: border-box;color: #fff;text-align: center;background-size: 100% 100%;}
.fw_t li:nth-child(2){ width:296px;height: 246px;position: absolute;left:358px;top:111px; background: url(../images/fw2.png) no-repeat center;font-size: 1.2rem;line-height: 1.2rem;padding-top: 4.5rem;box-sizing: border-box;color: #fff;padding-left: 7.5rem;background-size: 100% 100%;}
.fw_t li:nth-child(3){ width:296px;height: 246px;position: absolute;right:358px;top:111px; background: url(../images/fw3.png) no-repeat center;font-size: 1.2rem;line-height: 1.2rem;padding-top: 4.5rem;box-sizing: border-box;color: #fff;padding-left: 5.5rem;background-size: 100% 100%;}
.fw_t li:nth-child(4){ width:246px;height: 301px; position: absolute;right:228px;top:240px;background: url(../images/fw4.png) no-repeat center;;font-size: 1.2rem;line-height: 1.2rem;padding-top: 148px;box-sizing: border-box;color: #fff;text-align: center;background-size: 100% 100%; }
}


/*@media screen and (max-width:1440px)  {*/
/*  .fw_con{width:1124px;margin: 24px auto 0;position: relative;}*/
/*  .fw_t li:nth-child(1){ width:14.1rem;height: 17.2rem;position: absolute;left:15rem;top:12rem; background: url(../images/fw1.png) no-repeat center;font-size: 1.2rem;line-height: 1.2rem;padding-top: 7.4rem;box-sizing: border-box;color: #fff;text-align: center;background-size: 100% 100%;}*/
/*.fw_t li:nth-child(2){ width:16.9rem;height: 14.1rem;position: absolute;left:22.4rem;top:4.7rem; background: url(../images/fw2.png) no-repeat center;font-size: 1.2rem;line-height: 1.2rem;padding-top: 4.5rem;box-sizing: border-box;color: #fff;padding-left: 7.5rem;background-size: 100% 100%;}*/
/*.fw_t li:nth-child(3){ width:16.9rem;height: 14.1rem;position: absolute;right:22.4rem;top:4.7rem; background: url(../images/fw3.png) no-repeat center;font-size: 1.2rem;line-height: 1.2rem;padding-top: 4.5rem;box-sizing: border-box;color: #fff;padding-left: 5.5rem;background-size: 100% 100%;}*/
/*.fw_t li:nth-child(4){ width:14.1rem;height: 17.2rem; position: absolute;right:15rem;top:12rem;background: url(../images/fw4.png) no-repeat center;;font-size: 1.2rem;line-height: 1.2rem;padding-top: 7.4rem;box-sizing: border-box;color: #fff;text-align: center;background-size: 100% 100%; }*/
/*}*/


/*@media screen and (max-width:1600px) and (min-width:1441px)  {*/
/*   .fw_con{width:1319px;margin: 24px auto 0;position: relative;}*/
/*   .fw_t li:nth-child(1){ width:14.1rem;height: 17.2rem;position: absolute;left:15rem;top:12rem; background: url(../images/fw1.png) no-repeat center;font-size: 1.2rem;line-height: 1.2rem;padding-top: 7.4rem;box-sizing: border-box;color: #fff;text-align: center;background-size: 100% 100%;}*/
/*.fw_t li:nth-child(2){ width:16.9rem;height: 14.1rem;position: absolute;left:22.4rem;top:4.7rem; background: url(../images/fw2.png) no-repeat center;font-size: 1.2rem;line-height: 1.2rem;padding-top: 4.5rem;box-sizing: border-box;color: #fff;padding-left: 7.5rem;background-size: 100% 100%;}*/
/*.fw_t li:nth-child(3){ width:16.9rem;height: 14.1rem;position: absolute;right:22.4rem;top:4.7rem; background: url(../images/fw3.png) no-repeat center;font-size: 1.2rem;line-height: 1.2rem;padding-top: 4.5rem;box-sizing: border-box;color: #fff;padding-left: 5.5rem;background-size: 100% 100%;}*/
/*.fw_t li:nth-child(4){ width:14.1rem;height: 17.2rem; position: absolute;right:15rem;top:12rem;background: url(../images/fw4.png) no-repeat center;;font-size: 1.2rem;line-height: 1.2rem;padding-top: 7.4rem;box-sizing: border-box;color: #fff;text-align: center;background-size: 100% 100%; }*/
/*}*/


.fw_s li span{ display: inline-block;font-weight: bold;font-size: 1.5rem;line-height: 1.5rem;color: #333333;padding-top: 0.8rem;padding-left: 0.9rem; }
.fw_s li span em{ display: block;font-size: 0.8rem;line-height: 1.5rem;color: #333; padding-top: 0.8rem;font-weight: normal;}
.fw_s li img{ display: inline-block;width: 3.5rem;height: 3.5rem;vertical-align: top; }
.fw_s li:nth-child(1){position: absolute;left:0;top:12.7rem;}
.fw_s li:nth-child(2){position: absolute;left:11.5rem;top:0rem;}
.fw_s li:nth-child(3){position: absolute;right:11.5rem;top:0rem;}
.fw_s li:nth-child(4){position: absolute;right:0;top:12.7rem;}

.fw_s li:nth-child(3) span,.fw_s li:nth-child(4) span{ text-align: right;margin-right: 0.9rem; }
.fw_s li:hover img {animation-duration: 2s;animation-name: flipInY;}



.ys{ padding-top: 102px;height: 1016px;box-sizing: border-box;background: url(../images/ys_bg.jpg) no-repeat center;overflow: hidden;}
.ys_con{ position: relative;margin-top: 48px;}
.ys_s{margin-left: -960px !important;}
.ys_con .tempWrap{overflow: visible !important;}
.ys_con dl.cur dd{display: block;}
.ys_con dl.cur dt img{opacity: 1;}
.ys_con dl{width: 960px; float: left;margin-right: 120px;position: relative;}
.ys_con dt{display:block; width:960px; height:560px;background:#000;}
.ys_con dt img{display:block; width:960px; height:560px;opacity:0.65;}
.ys_con dl dd{width: 840px;height: 160px;background: #FFFFFF;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);position: relative;z-index: 20;margin: -120px auto 0;display:none;}
.ys_con dl dd h3{ height: 160px;background: url(../images/ys_dd.png) no-repeat center;padding-top: 24px;width: 180px;float: left;box-sizing: border-box;font-size: 30px;color: #fff;font-weight: normal;text-align: center;}
.ys_con dl dd h3 img{ display: block;width: 56px;height: 56px;margin: 0 auto 14px; }
.ys_con dl dd p{ font-size: 16px;line-height: 30px;color: #666;float: right;width: 660px;padding:30px 50px 0 50px; box-sizing: border-box;}
.ys_con dl dd p span{ display: block;font-size: 28px;line-height: 28px;color: #333;padding-bottom: 15px; }
.ys_con .prev{ position:absolute; left:30px; top:250px; width:60px;height:60px; z-index: 100;cursor: pointer;background: url(../images/prev.png) no-repeat center;}
.ys_con .next{ position:absolute; right:30px; top:250px;  width:60px;height:60px; z-index: 100;cursor: pointer;background: url(../images/next.png) no-repeat center;}
.ys .more{ display:block;  font-size: 20px; color: #fafafa;text-align:center;width: 240px;height: 60px;border-radius: 20px;line-height: 60px;box-sizing: border-box;-o-transition: all .3s ease;transition: all .3s ease;background:url(../images/ys_more.png) no-repeat center;margin: 40px auto 0;}
.ys .more img{display: inline-block; margin-left: 24px; width: 26px;-o-transition: all .3s ease;transition: all .3s ease;overflow: hidden;height: 12px;vertical-align: 0px;}
.ys  .more:hover img{margin-left: 18px;}

.case{ padding-top: 100px; }
.case_t{ margin-top: 60px;height: 100px;border-top: 2px solid #d6d6d6; padding-top: 30px;box-sizing: border-box;}
.case_t li{ float: left;width: 300px;height: 38px;box-sizing: border-box;padding-left: 70px;box-sizing: border-box;border-right: 1px solid #d3d3d3;}
.case_t li:last-child{ border-right: 0; }
.case_t li em{ display: block;width: 38px;height: 38px;overflow: hidden; margin: 0 auto;float: left;}
.case_t li em img{ display: block;width: 38px;height: 38px;transition: all 0.5s; }
.case_t li.cur em img:nth-child(1){ margin-top: -38px; }
.case_t li span{  font-size: 26px;line-height: 38px;color: #333;display: block;float: left;width: 110px;margin-left: 12px;}
.case_t li.cur img{ animation-duration: 2s;animation-name: flipInY; }
.case_t li.cur span{color: #289900;  }


.case_con{ position: relative;margin: 0 30px!important; overflow: hidden;}
.case_con dl{ width: 600px;margin-right:30px;float: left;  }
.case_con dt{ position: relative;display: block;width: 600px;height: 450px;overflow: hidden;}
.case_con dt img{ display: block;width: 600px;height: 450px;}
.case_con dd{height: 120px;width: 540px;margin: -60px auto 106px;position: relative;z-index: 20;background: #fff;box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.1);}
.case_con dd p{ float: left;width: 420px;padding: 26px 32px 0;box-sizing: border-box;height: 120px;}
.case_con dd p a{ display: block;font-size:16px ;color: #666;line-height: 16px;}
.case_con dd p b{ font-size: 24px;line-height: 24px;color: #333;font-weight: bold;display: block;padding-bottom: 16px;transition: all 0.5s; -webkit-line-clamp:1;}
.case_con dl:hover p b{color: #289900; }
.case_con dd .more{ display: block;float: right;width: 120px;height: 120px; }
.case_con dd .more img{ display: block;width: 120px;height: 120px; }




.news{padding:90px 0 0;box-sizing: border-box;height: 880px;background: url(../images/news_bg.jpg) no-repeat center;}
.news_con{margin-top: 60px;margin-top: 50px;}
.news1,.news2{ float: left;width:360px ;margin-right: 60px;}
.news3{ float: left;width:360px ; }
.news_con h3 a{ display: block;font-size:26px ;color: #333333;line-height: 26px;font-weight: normal;padding-left: 20px;border-left: 4px solid #289900;margin-bottom: 27px;}

.news_con dl{width: 360px;}
.news_con dt{ position: relative;display: block;width: 360px;height: 180px;overflow: hidden;}
.news_con dt img{ display: block;width: 360px;height: 180px;overflow: hidden;}
.news_con dd{height: 145px;padding: 35px 0 0;box-sizing: border-box;border-bottom:1px solid #cccccc;;}
.news_con dd h4 a{ display: block;font-size:20px ;color: #333333;line-height: 20px;font-weight: normal;transition: all 0.5s;}
.news_con dd p{ display: block;padding-top: 15px;font-size:14px ;color: #666666;line-height: 24px;}
.news_con dl:hover h4 a{ color: #289900; }
.news_con ul{ margin-top: 32px; }
.news_con li a{ height: 50px;font-size: 16px;line-height: 50px;border-bottom: 1px dashed #d2d2d2;box-sizing: border-box;padding-left: 30px;background: url(../images/news_ic.png) no-repeat 10px 20px;width: 100%; display: block;transition: all 0.5s;}
.news_con li:last-child a{ border-bottom: 0; }
.news_con li em{ float: right;font-size: 14px;line-height: 50px;color: #666;font-family: Verdana; }
.news_con li a:hover{ color: #289900; }


.history{height:1200px;position: relative;padding:90px 0 0;box-sizing: border-box;background: url(../images/abt_bg.jpg) no-repeat center;}
.history .history_con{margin-top:57px;position:relative}
.history .history_con:after{position:absolute;content:"";width:1920px;height:2px;background:#d7d8d9;left:50%;margin-left:-960px;top:142px}
.history .history_list{position:relative;z-index:2}
.history .history_list li{width:300px;height:400px;float:left;position:relative;}
.history .history_list .bg{line-height:0;overflow:hidden;width:300px;height:400px;opacity:0;-o-transition:all .3s ease;transition:all .3s ease;position:relative}
.history .history_list .bg img{width:300px;height:400px}

.history .history_list .con{width:300px;height:400px;position:absolute;left:0;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:50px 42px 0 42px}
.history .history_list .con h3{font-size:50px;font-family:Century Gothic;font-weight:400;color:#333333;line-height:50px;margin-bottom:84px}
.history .history_list .con h3 em{ display: inline-block;font-size: 40px; }
.history .history_list .con p{font-size:14px;line-height:26px;color:#666666}
.history .history_list .con p span{display: block;font-size: 22px;line-height: 22px;color: #333;padding-bottom: 24px;}
.history .history_list .con i{display:block;width:14px;height:14px;background:#eee;border:1px solid #a0a0a0;border-radius:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;left:40px;top:135px}
.history .history_list .con i:after{width:6px;height:6px;background:#a0a0a0;border-radius:50%;position:absolute;content:"";left:3px;top:3px}
.history .history_list li:hover .bg{opacity:1}
.history .history_list li:hover .con h3,.history .history_list li:hover .con p,.history .history_list li:hover .con p span{color:#fff}
.history .history_list li:hover .con i{width:1px;height:30px;background:#fff;top:126px;border:none}
.history .history_list li:hover .con i:after{display:none}
.history .his_next,.history .his_prev{position:absolute;width:50px;height:50px;cursor:pointer;top:118px;-o-transition:all .3s ease;transition:all .3s ease;z-index:2}
.history .his_prev{left:-70px}
.history .his_next{right:-70px;}



/* -- 团队风采 -- */
.fc_c{padding-bottom: 90px;margin-top: -60px;position: relative;z-index: 50;background: #fff;padding-top: 60px;box-sizing: border-box;}
.fc_qh{text-align: center;height: 50px;margin-bottom: 36px;}
.fc_qh li{display:inline-block;margin-right: 10px;width: 150px;height: 50px;line-height: 50px;background: url(../images/abt_dd.png) no-repeat center;font-size: 20px;color: #333;}
.fc_qh li a{color: #333333;}
.fc_qh li.on{background: url(../images/abt_ddh.png) no-repeat center;}
.fc_qh li.on a{ color: #fff; }
.fc_nr{position: relative;}
.fc_n1 .tempWrap{ width: 1200px!important; }
.fc_nr li{float:left;font-size:0;line-height: 0;width: 285px;margin-right: 20px;}
.fc_nr li i{width:285px;height: 214px;overflow: hidden;display: block;}
.fc_nr li img{width:285px;height: 214px;transition: all 0.5s}
.fc_nr li span{display: block;font-size: 16px;color: #666666;line-height:18px;font-weight: normal;text-align: center;padding-top: 28px;}
.fc_j1,.fc_j2{position: absolute;top:82px;cursor: pointer;}
.fc_j1{left:-70px;}
.fc_j2{right:-70px;}

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}

/*表单弹框*/

.nsw-modal {
	width: 100%;
	height: 100%;
	background: rgba(225, 225, 225, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

.modal-dialog {
	position: fixed;
	color: #000000;
	top: 150px;
	width: 400px;
	border-radius: 3px;
	min-height: 155px;
	overflow: hidden;
	z-index: 99998;
	margin-left: -200px;
	left: 50%;
}

.modal-dialog .css-icon {
	background-image: url("../images/modal-icons.png");
}

.modal-dialog .modal-head {
	height: 30px;
	line-height: 30px;
	padding: 0px 20px;
	background: #F6EFEF;
	font-size: 14px;
}

.modal-dialog .modal-head .modal-logo {
	width: 15px;
	height: 15px;
	background-position: 1px 0px;
	margin: 8px 5px 0 0;
	float: left;
}

.modal-dialog .modal-head .close {
	float: right;
	width: 15px;
	height: 15px;
	background-position: -14px 0px;
	margin-top: 8px;
}

.modal-dialog .modal-body {
	width: 100%;
	min-height: 125px;
	background: #ffffff;
}

.modal-dialog .modal-body .modal-body-left {
	width: 140px;
	float: left;
}

.modal-dialog .modal-body .modal-body-left .icon {
	width: 64px;
	height: 64px;
	margin: 30px 0 0 48px;
}

.modal-dialog .modal-body .modal-body-left .success-message {
	background-position: 0px -14px;
}

.modal-dialog .modal-body .modal-body-left .warming-message {
	background-position: 0px -78px;
}

.modal-dialog .modal-body .modal-body-right {
	width: 260px;
	float: right;
	padding-top: 20px;
}

.modal-dialog .modal-body .modal-body-right .close-btn {
	color: #000;
	text-align: center;
	width: 90px;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	background: #818079;
}

.modal-dialog .modal-body .modal-body-right p {
	line-height: 30px;
}